{* Import style *}
<div style="padding-left: 15px; padding-right: 15px; margin-top: 15px; margin-bottom: 15px;">
<div class="" >
	<div class='' style="width: 600px;"> 
	<table border = '0' cellpadding = '0' cellspacing ='0' class='taula_cap'> 
		<tr> 
			<td valign='top' width=70%> 
            	<h2 class='artista_disc'> 
                	<a href='javascript:void(0);'>{if $music->composer_name != ''}{$music->composer_name}{else}{$album->publisher}{/if}</a> 
                </h2> 
                <h1 class='album_disc'>{$music->name}</h1> 
                <div class='year_disc'> 
                	<a href='{link router=index.php module=albummodule action=view id=$album->id}' target=_blank>{$album->name}</a> ({$album->released})
                </div>
                {if $music->high_quality != ''}
                <div class="player">
                  <object type="application/x-shockwave-flash" data="{$smarty.const.THEME_RELATIVE}modules/musicsmodule/mp3.swf" width="300" height="20" >
							 <param name="movie" value="{$smarty.const.THEME_RELATIVE}modules/musicsmodule/mp3.swf" />
							 <param name="FlashVars" value="mp3={$music->high_quality}&amp;loop=0&amp;width=300&amp;autoload=1&amp;volume=100&amp;showstop=0&amp;showinfo=0&amp;showvolume=1&amp;showslider=1" /></object>
                {if $music->downloadable}
                &nbsp;<a href="{link action=download_file id=$music->id id2=$music->high_quality_id}" title="Download this song"><img width=20 height=20 src="{$smarty.const.THEME_RELATIVE}images/download_icon.png" /></a>
                {/if}						                        
                </div>
                {/if}
           	</td> 
            <td width=70% class='image_thumb_song' > 
            	<a href='{link router=index.php module=albummodule action=view id=$album->id}'>
                <img src={if $album->picpath != ""} "{$smarty.const.PATH_RELATIVE}phpThumb.php?src={$album->picpath}&w=160&h=160"  {else} "{$smarty.const.PATH_RELATIVE}phpThumb.php?src={$smarty.const.THEME_RELATIVE}images/album.jpg&w=115&h=115" {/if} class="image_115_llista" style="padding-left: 20px; margin-left: 20px; padding-right: 0pxp; margin-right: 0px;"/>               
               </a> 
            </td> 
    </tr> 
    </table> 
  </div> 
{assign var=music_index value=0}
<table cellpadding='0' cellspacing='0' border='0' class='taula_next_album' width=600px> 
	<tr> 
    	<td class='prev_album' width=50%>
          {if $musics[$music_index]->rank == $music->rank-1}
            	<a id="music_playfile_1" href="{link ajax_action=1 isIE=$isIE module=musicsmodule action=play_file id=$musics[$music_index]->id}">&laquo; {$musics[$music_index]->name}</a>
            	{* fancybox  *}
              {literal}
                <script language=javascript>
                  $(document).ready(function() {
               {/literal}
                $("a#music_playfile_1{literal}").fancybox({ 
                  'hideOnContentClick': false,
                  'zoomOpacity': true,
                  'overlayShow': true,
                  'overlayOpacity': 0.9,
                  'frameHeight': 210,
                  'frameWidth': 600,
                  'zoomSpeedIn'			: 600,
        		      'zoomSpeedOut'			: 500,
		              'easingIn'				: 'easeOutBack',
		              'easingOut'				: 'easeInBack'
                });{/literal}
              }); 
                </script>
            {assign var="music_index" value=$music_index+1}
          {/if} 
                </td> 
        <td class='next_album' width=50%> 
              {if $musics[$music_index]->rank == $music->rank+1}
            	<a id="music_playfile_2" href="{link ajax_action=1 isIE=$isIE module=musicsmodule action=play_file id=$musics[$music_index]->id}">&laquo; {$musics[$music_index]->name}</a>
            	{* fancybox  *}
              {literal}
                <script language=javascript>
                  $(document).ready(function() {
               {/literal}
                $("a#music_playfile_2{literal}").fancybox({ 
                  'hideOnContentClick': false,
                  'zoomOpacity': true,
                  'overlayShow': true,
                  'overlayOpacity': 0.9,
                  'frameHeight': 210,
                  'frameWidth': 600,
                  'zoomSpeedIn'			: 600,
        		      'zoomSpeedOut'			: 500,
		              'easingIn'				: 'easeOutBack',
		              'easingOut'				: 'easeInBack'
                });{/literal}
              }); 
                </script>
            {assign var="music_index" value=$music_index+1}
          {/if}
        </td> 
    </tr> 
</table> 
</div> 
</div> 
</div>